$(document).ready(function () {
    var adminname = localStorage.getItem("AdminName");
    var displayText = adminname ? adminname : '未登录';
    // 设置文本到#show_user元素
    $("#show_user").val(123);
    // 使用 layui 提供的模块
    layui.use(function () {
        // 获取具体的 layui 模块实例对象 - 便于调用其方法，实现相关的操作
        // 1.获取 table 模块实例对象
        let table = layui.table;

        let form = layui.form;

        // 2.动态渲染表格数据
        table.render({
            // 2.1) 绑定表格节点
            elem: '#tbl',

            id: 'user_table',

            // 2.2)访问服务器程序，获取数据
            url: 'List.do',

            // 2.3)定义表格各列，以及数据的绑定
            cols: [[
                {field: 'Uid', width: 80, title: '用户编号'},
                {field: 'Uname', width: 150, title: '用户账号'},
                {field: 'Uphone', width: 150, title: '用户电话'},
                {field: 'Uemail', width: 250, title: '用户邮箱'},
                {field: 'Utype', width: 150, title: '用户类型'},
                {field: 'Udate', width: 150, title: '注册时间'},
                {title: '操作', toolbar: "#btnDemo"}
            ]],
            page: true,
            limit: 5,
            limits: [5, 10, 15, 20]
        });


        // 3.条件查询
        $("#btnSelect").on("click", function () {

            // 重载表格 - 深度重载（参数叠加）
            table.reload('user_table', {
                page: {
                    // 重新从第 1 页开始
                    curr: 1,
                },
                where: {
                    // 传递参数条件
                    uname: $("#Uname").val()
                }
            });
        });

        // 4.监听操作按钮事件
        table.on('tool(tbl)', function (obj) {
                // 获取当前行数据
                let user = obj.data;

                if (obj.event == 'del') {
                    layer.confirm("您确定要删除当前用户吗？", {
                        btn: ['确定', '取消'],
                        title: '提示'
                    }, function (index) {
                        var Uid = user.Uid;
                        $.ajax("Del.do", {
                            type: "get",
                            data: {
                                Uid: Uid
                            },
                            success: function (n) {
                                if (n > 0) {
                                    layer.msg("删除成功");
                                    table.reload("user_table", {
                                        page: {
                                            curr: 1
                                        }
                                    });
                                } else {
                                    layer.msg("删除失败");
                                }
                            }
                        });
                    }, function () {
                    });


                }

                if (obj.event == 'edit') {
                    var Uid = user.Uid;
                    var Uname = user.Uname;
                    var Uphone = user.Uphone;
                    var Uemail = user.Uemail;
                    var Utype = user.Utype;
                    var Udate = user.Udate;
                    layer.open({
                        type: 1,
                        title: "修改用户",
                        content: $("#OpenForm"),
                        area: ['60%', '35em'],
                        btn: ["确定", "取消"],
                        end: function () {
                            $("#OpenForm").prop("style", "display:none");
                        },
                        success: function () {
                            $(".layui-form-item:eq(2)").css("display", "none");

                            $("#User_id").val(Uid);
                            $("#User_name").val(Uname);
                            $("#User_phone").val(Uphone);
                            $("#User_email").val(Uemail);
                            $("#User_type").val(Utype);
                            $("#User_date").val(Udate);

                            // 仅渲染 select 元素
                            form.render('select');
                        },
                        btn1: function (index) {

                            $.ajax("updateUser.do", {
                                type: "post",
                                data: {
                                    Uid: $("#User_id").val(),
                                    Uname: $("#User_name").val(),
                                    Uphone: $("#User_phone").val(),
                                    Uemail: $("#User_email").val(),
                                    Utype: $("#User_type").val(),
                                    Udate: $("#User_date").val()
                                },
                                success: function (d) {
                                    console.log(d);
                                    if (d > 0) {
                                        layer.msg("修改成功");
                                        table.reload('user_table', {
                                            page: {
                                                curr: 1,
                                            }
                                        });
                                    } else {
                                        layer.msg("修改失败");
                                    }
                                }
                            });
                            layer.close(index);
                        }
                    });

                }

                if (obj.event == 'detail') {
                    layer.open({
                            type: 1,
                            title: "查看详情",
                            content: $("#OpenForm"),
                            area: ['60%', '35em'],
                            btn: ["确定", "取消"],
                            end: function () {
                                $("#OpenForm").prop("style", "display:none");
                            },
                            success: function (index) {
                                var Uid = user.Uid;
                                var Upassword = user.Upassword
                                var Uname = user.Uname;
                                var Uphone = user.Uphone;
                                var Uemail = user.Uemail;
                                var Utype = user.Utype;
                                var Udate = user.Udate;

                                $(".layui-form-item:eq(2)").css("display", "none");

                                $("#User_id").val(Uid);
                                $("#User_name").val(Uname);
                                $("#User_phone").val(Uphone);
                                $("#User_email").val(Uemail);
                                $("#User_type").val(Utype);
                                $("#User_date").val(Udate);

                                // 仅渲染 select 元素
                                form.render('select');
                            }
                        }
                    );
                }
            }
        );
    });

    $("#btnAdd").on("click", function () {
        layer.open({
            type: 1,
            title: "添加用户",
            content: $("#OpenForm"),
            area: ['60%', '35em'],
            btn: ["确定", "取消"],
            success: function () {
                $(".layui-form-item:eq(0)").css("display", "none");
                $("#User_name").val();
                $("#User_phone").val();
                $("#User_email").val();
                $("#User_type").val();
            },
            end: function () {
                $("#OpenForm").prop("style", "display:none");
                $("#OpenForm")[0].reset();
            },
            btn1: function (index) {

                console.log(FormData);
                $.ajax("AddUser.do", {
                    type: "get",
                    data: {
                        Uname: $("#User_name").val(),
                        Upassword: $("#User_password").val(),
                        Uphone: $("#User_phone").val(),
                        Uemail: $("#User_email").val(),
                        Utype: $("#User_type").val()
                    },
                    success: function (d) {
                        if (d > 0) {
                            layer.msg("添加成功");
                            table.reload("user_table", {
                                page: {
                                    curr: 1
                                }
                            });
                        } else {
                            layer.msg("添加失败");
                        }
                    }
                });
                layer.close(index);
            },
        });
    });

    $("#close").on("click", function () {
        event.preventDefault();
        localStorage.removeItem("AdminName");
        $("#AdminName").text("未登录");
        window.location.href = "login.html";
    });
});









